﻿@import "../../LiberUI/Style/Default/_Theme.scss";

#wx-phone {
  width: 100% !important;
  height:3.5rem !important;
  line-height:3.5rem !important;
  padding: 0 0 0 4rem;
  background-image: url("/SiteUI/Imgs/inputIcon.png");
  background-size: 3rem;
  background-position: 0.2rem 0.2rem;
  background-repeat: no-repeat;
  border: 1px solid gainsboro !important;
  font-size: 1.5rem; }

#wx-pwd {
  width: 100% !important;
  height:3.5rem !important;
  line-height:3.5rem !important;
  padding: 0 0 0 4rem;
  background-image: url("/SiteUI/Imgs/inputIcon.png");
  background-size: 3rem;
  background-repeat: no-repeat;
  background-position: 0.2rem -3.8rem;
  border: 1px solid gainsboro !important;
  font-size: 1.5rem; }

#userInfo {
  position: relative;
  height:200px;
  padding-top: 10%; 
  & #userInfo_tip{
      text-align:center;
      font-size:1.5rem;
  }
}
#userInfo_headImg{
    width:100%;
}
#userInfo h4 {
    text-align: center;
    color: #0E870E; 
}

#wx-tab {
  padding-left: 10%;
  padding-right: 10%;
  margin-top: 2rem; }

.details {
    font-size: 1.5rem;
    line-height: 5rem;
    padding-left:1rem;
}

#cancelBinding {
  cursor: pointer;
  color: #3FABDD; }

#userHeadImg {
  height: 5rem;
  background-color: white;
  margin-top: 11rem; }
  #userHeadImg > img {
    width: 100%;
}

#userHead-bg {
  height: 16rem;
  background-image: url(/SiteUI/Imgs/WxUser-bg.jpg);
  background-size: 100% 100%; 
  margin-bottom:2rem;
  position:relative;
}
#headPortrait{
    height: 6rem;
    width: 6rem;
    position: absolute;
    left: 2rem;
    bottom: -2rem;
}
#userName {
    color: white;
    padding-top:12rem;
    padding-left:10rem;
}

#myCompanys {
  padding: 1rem; 
}
.WxCompanyCard{
       background-color: #f3f3f3;
    box-shadow: 1px 1px 3px -1px black;
    border-radius: 2px;
    position: relative;
    padding-left: 7rem;
    height: 6rem;
    margin-top: 1rem;
    text-align: center;
    &>img{
        width:5rem;
        position:absolute;
        top:1rem;
        left:1rem;
    }
   
}


.binding-fill {
  margin-bottom: 2rem;
}

